<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no" />
    <title>首页</title>
    <link rel="stylesheet" type="text/css" href="../c/aui.css" />
    <style>
      body{
        background-color:transparent;
        /*background-color:#000;*/
      }
        .f {
            width: 100%;
            color: #fff;
            /*margin: 0 0.75rem;*/
            font-size: 0.65rem;
            height: 3rem;
        }

        .f div:last-child {
            color: #FF2C55;
        }
        .f img{

        }
        .f div{
          width: 33.3333%;
        }
        .f span{
          background:#202020;
          display: inline-block;
          padding: 0.2rem;
          border-radius: 0.15rem;
          height: 1.8rem;
          width: 2rem;
          line-height: 1.4rem;
          position: relative;
        }
        .f .l{
          width: auto;
        }
        .f .h{
          width: 4rem;
          text-align: center;
        }
        .f .h span{
          display: block;
          width: 4rem;
        }
        .f .r{
          text-align: right;
          display: inline-block;
        }
        .f .r span i{
          background: url('http://qiniu.live.kxg99.com/yuzhibo/share/xiazai.png') no-repeat center center;
          background-size: 60%;
          display: inline-block;
          width: 2rem;
          height:1.8rem;
          position: absolute;
          top: 0;
          right:0;
        }
    </style>
</head>

<body>
    <div class="f aui-card-list-footer" id="sx-footer">
        <div tapmode onclick="_close()"></div>
        <div class="h aui-hide" tapmode onclick="h();"><span>更换</span></div>
        <div class='r' tapmode onclick="baocun()"><span><i></i></span></div>
    </div>
</body>
<script type="text/javascript" src="../j/api.js"></script>
<script src="../j/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
    apiready = function() {
      api.parseTapmode();
	  urls();
      // console.log(JSON.stringify(api.pageParam))
      if(api.pageParam['type']){
        $('.h').removeClass('aui-hide');
      }
      var f = $api.byId('sx-footer');
      // $api.fixTabBar(f)
      var h = $api.offset(f).h + api.safeArea.bottom;
      api.setFrameAttr({
				name : 'img_footer',
				rect : {
					x : 0, //左上角x坐标
					y : api.winHeight - h, //左上角y坐标
					w : 'auto', //宽度，若传'auto'，页面从x位置开始自动充满父页面宽度
					h : h //高度，若传'auto'，页面从y位置开始自动充满父页面高度
				}
			});
    }
    function baocun(){
      api.execScript({
          script: 'baocun()'
      });
    }
    // h
    function h(){
      if(api.pageParam['type'] == 'touxiang'){
        _touxiang();
      }else{
        _touxiang('datu');
      }
    }

</script>

</html>
